<template>
  <a-config-provider :locale="langMap[mainStoreIns.language]">
    <RouterView />
  </a-config-provider>
</template>

<script setup lang="ts">
import { RouterView } from 'vue-router';
import zhCN from 'ant-design-vue/es/locale/zh_CN';
import enGB from 'ant-design-vue/es/locale/en_GB';
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
import 'dayjs/locale/en-gb';
import { mainStore } from '@/stores/main';
// import LivePlayer from '@liveqing/liveplayer-v3';

const langMap: { [k: string]: any } = {
  cn: zhCN,
  en: enGB,
};
const dayMap: { [k: string]: any } = {
  cn: 'zh-cn',
  en: 'en-gb',
};

const mainStoreIns = mainStore();
dayjs.locale(dayMap[mainStoreIns.language]);
</script>

<style lang="scss">
@import '@/assets/base.css';

#app {
  /* max-width: 1280px; */
}
</style>
